#include ("/_includes/_layout.html")
#@layout("会员管理", "wxmall,点步科技", "Wxmall社区","wxmall") 
#define content()
<div class="wrapper wrapper-content">
	<div class="content-tabs">
		<nav class="page-tabs J_menuTabs">
	       <div class="page-tabs-content">
		       <a href="#(webctx)/customer/members" class="J_menuTab active">会员</a>
		       <a href="#(webctx)/memberRank" class="J_menuTab">会员等级</a>
		       <a href="#(webctx)/card" class="J_menuTab">会员卡</a>
	       </div>
	   	</nav>
	</div>
	<div id="tableList" class="content ibox-content">
		<div id="prizeToolsbar" class="panel-body">
			<div style="float: left; margin-right: 20px;">
			<table width="100%" border="0">
				<tr>
					<td colspan="3" style="text-align: left;">&nbsp;&nbsp;
					<input type="text" name="q_pond_txt" id="q_pond_txt" class="control-inline" style="width:190px;" />
					&nbsp;&nbsp;&nbsp;
						<select id="a_status_sel" style="width: 102px" class="control-inline">
							<option value="">全部</option>
							<option value="1" selected="selected">正常</option>
							<option value="0">被禁用</option>
						</select>
						&nbsp;&nbsp;&nbsp;
						<button id="myqueryBtn" class="btn btn-success btn-sm">查询</button>
					</td>
				</tr>
			</table>
			</div>
			<div id="pager" class="jqpager" style="margin-bottom: 1px;"></div>		
		</div>
		<table id="mainTable" class="table table-striped table-bordered bootstrap-datatable datatable" border="0">
		  <thead>
			  <tr>
				<th><input type="checkbox" id="all" title="全选/反选" style="margin-right: 4px; vertical-align: middle;"/></th>
				<th><span style="vertical-align: middle;">&nbsp;&nbsp;昵称</span></th>
				<th>性别</th>
				<th>地区</th>
				<th>最近来访时间</th>
				<th>状态</th>
				<th>操作</th>
			  </tr>
		  </thead>   
		  <tbody class="itemsLotGrid"></tbody>
	  	</table>
	</div>
</div>

<!-- html 模板文件 -->
<script type="text/template" id="item_table_tr_tpl">
		<tr class="package">
			<td>
				<input type="checkbox" class="commchk" id="checkbox_{id}" style="margin-right: 4px; vertical-align: middle;"/>
				<input type="hidden" value="{id}"/>
			</td>
			<td>
				<span style="margin-right: 5px; margin-left: 2px; vertical-align: middle;">
					<img src="{headImg}" width="30" height="30">&nbsp;&nbsp;{nickName}</img>
				</span>
			</td>
			<td><span style="margin-right: 5px; margin-left: 2px; vertical-align: middle;">{sex}</span></td>
			<td><span>{province}</span></td>
			<td>{lastLoginTime}</td>
			<td><span class="customer_status">{active}</span></td>
			<td>
				&nbsp;<a id="del_{id}" href="javascript:void(0)">禁用</a>
				&nbsp;<a id="undel_{id}" href="javascript:void(0)">恢复</a>
			</td>
		</tr>
</script>
<script type="text/template" id="table_noresult_tr_tpl">
	<tr class="package"><td colspan="7" class="center">没有结果集</td></tr>
</script>
#end
<script type="text/javascript">
$(document).ready(function() {
	var params = {};
	params.active = $("#a_status_sel").val();
	var table = new obz.TableView("pager", obz.ctx + "/customer/listmember", params, function(resp){
		$(".itemsLotGrid").empty();
		var dataList = resp.list;
		if(dataList.length>0){
			for(var i=0;i<dataList.length;i++){
				var _row = dataList[i];
				if(_row.active == 1) _row.active = "正常";
				else _row.active = "禁用";
				if(_row.sex == 1) _row.sex = "男";
				else _row.sex = "女";
				var trHtml = obz.dataTemplate4obj($("#item_table_tr_tpl").html(), _row);
				$(".itemsLotGrid").append(trHtml);
				
				if(_row.active == "禁用"){
					$("#del_"+_row.id).hide();
					$("#undel_"+_row.id).show();
				}else{
					$("#del_"+_row.id).show();
					$("#undel_"+_row.id).hide();
				}
				
				if(_row.is_receiver == 1){
					$("#unreceiver_"+_row.id).show();
					$("#receiver_"+_row.id).hide();
				}else{
					$("#unreceiver_"+_row.id).hide();
					$("#receiver_"+_row.id).show();
				}
			}
			//初始化checkbox点击事件
			TBatch.checkCheckbox();
			TBatch.initCheckboxClick();
			TBatch.initOptEvent(TableOpt.init());
			
			$("#mainTable tbody tr.package").each(function(){
				var me = $(this);
				if(me.find("span.customer_status").text()=='正常'){
					me.find("a.unlahei_a").hide();
				}else{
					me.find("a.lahei_a").hide();
				}
			});
		}else{
			$(".itemsLotGrid").append($("#table_noresult_tr_tpl").html());
		}
	});
	table.init();

	var TableOpt = {
		del : function(param){
			obz.showMessage("确定禁用吗？禁用后客户不可访问公众号！", function(){
	   			var ids = param[1];
	    		obz.ajaxJson(obz.ctx + "/customer/del", {ids: ids}, function(resp){
	    			if(resp.code==200){
	    				obz.msg("禁用成功", function(){searchItems();});
	    			}else {
						obz.error(resp.msg);
	    			}
	    		});
	   		});
			return false;
		},	
		undel : function(param){
			obz.showMessage("确定恢复吗？", function(){
	   			var ids = param[1];
	    		obz.ajaxJson(obz.ctx + "/customer/undel", {ids: ids}, function(resp){
	    			if(resp.code==200){
	    				obz.msg("恢复成功", function(){searchItems();});
	    			}else {
						obz.error(resp.msg);
	    			}
	    		});
	   		});
			return false;
		},	
		init : function(){
			var optArray = new Array();
			optArray.push(this.del);
			optArray.push(this.undel);
			return optArray;
		}
	} 
	$("#myqueryBtn").click(function(){
		params.qname = $("#q_pond_txt").val();
		table.init();
	});
});
</script>